﻿<html>
<head>
    <title>部门录入</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="/styles/styles.css" type="text/css" rel="stylesheet"/>
    
    <link rel="stylesheet" type="text/css" href="/style/public.css">
    <link rel="stylesheet" type="text/css" href="/style/common.css">
    <link rel="stylesheet" type="text/css" href="/vendor/jquery/easyui/themes/metro/metro-blue/easyui.css">
    <link rel="stylesheet" type="text/css" href="/vendor/jquery/easyui/themes/icon.css">
    
    <script type="text/javascript" src="/js/plugin/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/vendor/jquery/easyui/jquery.easyui.min.js"></script>
    
    <script type="text/javascript" src="/js/common/common.js"></script>

</head>
<body>
<div class=''>
    <div style="line-height: 50px;">
        <input id="s1" class="easyui-combobox"
               name="dept"
               data-options="
					url:'/rule/getRuleDepartment_1_2',
					method:'get',
					valueField:'code',
					prompt:'业务大类',
					textField:'value',
					panelHeight:'auto'
			">
        <input id="s2" class="easyui-combobox"
               name="cate"
               data-options="
					url:'/rule/getRuleCategory_level_3',
					method:'get',
					prompt:'分类级别',
					valueField:'code',
					textField:'value',
					panelHeight:'auto'
			">
        <input id="s3" class="easyui-combobox"
               name="biz"
               data-options="
					url:'/rule/getRuleBusiness_sequence_4_7',
					method:'get',
					prompt:'业务顺序',
					valueField:'code',
					textField:'value'+'code',
					panelHeight:'auto'
			">
    </div>
    
    
    <div style="line-height: 50px; margin-top: 20px;">
        
        <input id="tb" class="easyui-textbox" data-options="" style="width:200px">
    
    </div>
    <script type="text/javascript">

        $(function(){
            $('#s1').combobox({onSelect: function () {
                var dept = $('#s1').combobox('getValue');
                var cate = $('#s2').combobox('getValue');
                var biz = $('#s2').combobox('getValue');
  
                $('#tb').textbox('setText',dept + cate + biz);
                $('#tb').textbox('setValue',dept + cate + biz);
             }
            });
            $('#s2').combobox({onSelect:function () {
                var dept = $('#s1').combobox('getValue');
                var cate = $('#s2').combobox('getValue');
                var biz = $('#s2').combobox('getValue');
                $('#tb').textbox('setText', dept + cate + biz);
                $('#tb').textbox('setValue', dept + cate + biz);
            }
            });

            $('#s3').combobox({onSelect:function () {
            var dept = $('#s1').combobox('getValue');
            var cate = $('#s2').combobox('getValue');
            var biz = $('#s2').combobox('getValue');
            $('#tb').textbox('setText', dept + cate + biz);
            $('#tb').textbox('setValue', dept + cate + biz);
        }
            });
        });
    
    </script>
</div>
</body>
</html>